<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>吃果果 | 上班族的网上鲜切水果店</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--<link rel="stylesheet" type="text/css"  href="web/css/googlefont.css" />-->
<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="web/css/imgeffect.css" />
<link rel="stylesheet" type="text/css" href="web/css/fwslider.css" />
<script src="web/js/jquery.min.js"></script>
<script src="web/js/fwslider.js"></script>
<!-- start gallery Script -->
	<script type="text/javascript" src="web/js/jquery.easing.min.js"></script>	
	<script type="text/javascript" src="web/js/jquery.mixitup.min.js"></script>
				<script type="text/javascript">
				$(function () {
					
					var filterList = {
					
						init: function () {
						
							// MixItUp plugin
							// http://mixitup.io
							$('#productlist').mixitup({
								targetSelector: '.product',
								filterSelector: '.filter',
								effects: ['fade'],
								easing: 'snap',
								// call the hover effect
								onMixEnd: filterList.hoverEffect()
							});				
						
						},
						
						hoverEffect: function () {
						
							// Simple parallax effect
							$('#productlist .product').hover(
								function () {
									$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
									$(this).find('img').stop().animate({top: 0}, 500, 'easeOutQuad');				
								},
								function () {
									$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeInQuad');
									$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');								
								}		
							);				
						
						}
			
					};
					
					// Run the show!
					filterList.init();
					
					
				});	
				</script>
				<!-- Add fancyBox main JS and CSS files -->
				<script src="web/js/jquery.magnific-popup.js" type="text/javascript"></script>
				<link href="web/css/magnific-popup.css" rel="stylesheet" type="text/css">
						<script>
							$(document).ready(function() {
								$('.popup-with-zoom-anim').magnificPopup({
									type: 'inline',
									fixedContentPos: false,
									fixedBgPos: true,
									overflowY: 'auto',
									closeBtnInside: true,
									preloader: false,
									midClick: true,
									removalDelay: 300,
									mainClass: 'my-mfp-zoom-in'
								});	
						});
						</script>
				<script type="text/javascript" src="web/js/move-top.js"></script>
				<script type="text/javascript" src="web/js/easing.js"></script>
				<!----end gallery----------->
				
		   	<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
					});
					
					$("#submit_button_a").click(function(event){
						// get values
						var client_name_val=$("#client_name_id_a").val();
						var address_val=$("#address_id_a").val();
						var phone_number_val=$("#phone_number_id_a").val();
						var amount_val=$("#amount_id_a").val();
						var type_val=$("#type_id_a").val();
						
						// Verification
						if (client_name_val == "" || client_name_val == "联系人为必填项" || client_name_val == "联系人"){
							$("#client_name_id_a").css("color","red");
							$("#client_name_id_a").val("联系人为必填项");
							return false;
						} 
						
						if (address_val == "" || address_val == "地址为必填项"||address_val == "地址"){
							$("#address_id_a").css("color","red");
							$("#address_id_a").val("联系人为必填项");
							return false;
						} 
						
						if (phone_number_val == "" || phone_number_val == "联系电话为必填项" || phone_number_val == "联系电话"){
							$("#phone_number_id_a").css("color","red");
							$("#phone_number_id_a").val("联系电话为必填项");
							return false;
						} 
						
						if (amount_val == "" || amount_val == "数量为必填项" || amount_val == "数量"){
							$("#amount_id_a").css("color","red");
							$("#amount_id_a").val("数量为必填项");
							return false;
						}
						
						// submit data to server

						$.ajax({
							type:"post",
							async:true,
							url:"db/save_order.php",
							data: {client_name:client_name_val, address:address_val, phone_number:phone_number_val,amount:amount_val,type:type_val},
							beforeSend:function(){
								$('#submit_button_a').css("display","none");
								$('#loading_image_a').css("display","block");
							},
							dataType:"html",
							error:function(){
								alert("error");
							},
							success:function(data){
								$("#small-dialog2-a").html(data);
							}
						}); 
					});
					
					$("#submit_button_b").click(function(event){
						// get values
						var client_name_val=$("#client_name_id_b").val();
						var address_val=$("#address_id_b").val();
						var phone_number_val=$("#phone_number_id_b").val();
						var amount_val=$("#amount_id_b").val();
						var type_val=$("#type_id_b").val();
						
						// Verification
						if (client_name_val == "" || client_name_val == "联系人为必填项" || client_name_val == "联系人"){
							$("#client_name_id_b").css("color","red");
							$("#client_name_id_b").val("联系人为必填项");
							return false;
						} 
						
						if (address_val == "" || address_val == "地址为必填项"||address_val == "地址"){
							$("#address_id_b").css("color","red");
							$("#address_id_b").val("联系人为必填项");
							return false;
						} 
						
						if (phone_number_val == "" || phone_number_val == "联系电话为必填项" || phone_number_val == "联系电话"){
							$("#phone_number_id_b").css("color","red");
							$("#phone_number_id_b").val("联系电话为必填项");
							return false;
						} 
						
						if (amount_val == "" || amount_val == "数量为必填项" || amount_val == "数量"){
							$("#amount_id_b").css("color","red");
							$("#amount_id_b").val("数量为必填项");
							return false;
						}

						// submit data to server
						$.ajax({
							type:"post",
							async:false,
							url:"db/save_order.php",
							data: {client_name:client_name_val, address:address_val, phone_number:phone_number_val,amount:amount_val,type:type_val},
							beforeSend:function(){
								$('#submit_button_b').css("display","none");
								$('#loading_image_b').css("display","block");
							},
							dataType:"html",
							error:function(){
								alert("error");
							},
							success:function(data){
								$("#small-dialog2-b").html(data);
							}
						});
					});
					
					$("#submit_button_c").click(function(event){
						// get values
						var client_name_val=$("#client_name_id_c").val();
						var address_val=$("#address_id_c").val();
						var phone_number_val=$("#phone_number_id_c").val();
						var amount_val=$("#amount_id_c").val();
						var type_val=$("#type_id_c").val();
						
						// Verification
						if (client_name_val == "" || client_name_val == "联系人为必填项" || client_name_val == "联系人"){
							$("#client_name_id_c").css("color","red");
							$("#client_name_id_c").val("联系人为必填项");
							return false;
						} 
						
						if (address_val == "" || address_val == "地址为必填项"||address_val == "地址"){
							$("#address_id_c").css("color","red");
							$("#address_id_c").val("联系人为必填项");
							return false;
						} 
						
						if (phone_number_val == "" || phone_number_val == "联系电话为必填项" || phone_number_val == "联系电话"){
							$("#phone_number_id_c").css("color","red");
							$("#phone_number_id_c").val("联系电话为必填项");
							return false;
						} 
						
						if (amount_val == "" || amount_val == "数量为必填项" || amount_val == "数量"){
							$("#amount_id_c").css("color","red");
							$("#amount_id_c").val("数量为必填项");
							return false;
						}
						
						// submit data to server
						$.ajax({
							type:"post",
							async:false,
							url:"db/save_order.php",
							data: {client_name:client_name_val, address:address_val, phone_number:phone_number_val,amount:amount_val,type:type_val},
							beforeSend:function(){
								$('#submit_button_c').css("display","none");
								$('#loading_image_c').css("display","block");
							},
							dataType:"html",
							error:function(){
								alert("error");
							},
							success:function(data){
								$("#small-dialog2-c").html(data);
							}
						});
					});
				});
			</script>
</head>

<body>
		<!----start-header----------->
				<div class="header_bg">
					<div class="wrap">
						<div class="header">
							<!--------start-logo------>
							<div class="logo">
								<a href="index.html"><img src="web/images/logo.png" alt="" /></a>
							</div>	
							<!--------end-logo--------->
							<!----start-nav-------->	
							<div class="nav">
								<ul>
								   <li class="active"><a href="#home" class="scroll">首页</a></li>
								   <li><a href="#product" class="scroll">产品介绍</a></li>
								   <li><a href="#order" class="scroll">网上下单</a></li>
								   <li><a href="#contact" class="scroll">联系我们</a></li>
								 </ul>
							</div>
							<!-----end-nav-------->
							<div class="clear"> </div>
						</div>
					</div>
				</div>
		<!------end-header------------>
		<!-- start slider -->
        <div id="fwslider">
        <div class="slider_container">
            <div class="slide"> 
                <!-- Slide image -->
                    <img src="web/images/slider1.jpg" alt="图片加载失败">
                <!-- /Slide image -->
                <!-- Texts container -->
                <div class="slide_content">
                    <div class="slide_content_wrap">
                        <!-- Text title -->
                        <h4 class="title">吃果果 – 您身边的鲜切水果专家</h4>
                        <!-- /Text title -->
                        
                        <!-- Text description -->
                        <p class="description">上班吃水果，就上吃果果。随时随地即享新鲜健康</p>
                        <!-- /Text description -->
                    </div>
                </div>
                 <!-- /Texts container -->
            </div>
            <!-- /Duplicate to create more slides -->
            <div class="slide">
                <img src="web/images/slider2.jpg" alt="图片加载失败">
                <div class="slide_content">
                    <div class="slide_content_wrap">
                        <h4 class="title">吃果果 – 您身边的鲜切水果专家</h4>
                        <p class="description">上班吃水果，就上吃果果。随时随地即享新鲜健康！</p>
                    </div>
                </div>
            </div>
            <!--/slide -->
        </div>
        <div class="timers"></div>
        <div class="slidePrev"><span></span></div>
        <div class="slideNext"><span></span></div>
    </div>
<!-----end-slider-------->

<!--start product------>
	<div class="wrap" id="product">
				<div class="main">
					<!-- start gallery  -->
							<div class="gallery1">
					<!--start-mfp -->	
						<div id="small-dialog1" class="mfp-hide">
							<div class="pop_up">
								<h2>方便</h2>
								<img src="web/images/icon1.png" alt=""/>
								<p class="para">微信，官网，电话等多渠道下单，方便直接；</p>
								<p class="para">开盒即食的鲜果切，让您彻底告别洗水果和削皮加工的烦恼。</p>
							</div>
						</div>
						
						<div id="small-dialog3" class="mfp-hide">
							<div class="pop_up">
								<h2>干净</h2>
								<img src="web/images/icon2.png" alt=""/>
								<p class="para">21项卫生指标，11道极致严格的加工环节，确保灭菌科学有效，3层质量把控，全程冷链让您开盒即可食用。</p>
							</div>
						</div>
						
						<div id="small-dialog4" class="mfp-hide">
							<div class="pop_up">
								<h2>美味</h2>
								<img src="web/images/icon3.png" alt=""/>
								<p class="para">我们与顶级水果供应商深度合作，从种子到果苗，到开花，到结果，到果盒，每一块到达您手中的鲜果都经过了层层筛选。</p>
							</div>
						</div>
						
						<div id="small-dialog5" class="mfp-hide">
							<div class="pop_up">
								<h2>健康</h2>
								<img src="web/images/icon4.png" alt=""/>
								<p class="para">专业营养搭配师，结合大数据分析。合理地搭配出专门针对上班族体质的果盒套餐。</p>
							</div>
						</div>
						
						<div id="small-dialog6" class="mfp-hide">
							<div class="pop_up">
								<h2>快速</h2>
								<img src="web/images/icon5.png" alt=""/>
								<p class="para">灵巧的本地化，社区式服务配送团队，让您最快在下单30分钟内即可品尝到新鲜。我们比京东快，比淘宝更快。</p>
							</div>
						</div>
						
						<div id="small-dialog7" class="mfp-hide">
							<div class="pop_up">
								<h2>专业</h2>
								<img src="web/images/icon6.png" alt=""/>
								<p class="para">我们了解上班族们的生活细节和生活规律，向您所想，洞察您的每一个细小需求。因为了解所以专业。</p>
							</div>
						</div>
					<!--end-mfp -->	
			<!---start-content----->
			<div class="gallery">
					<div class="clear"> </div>
					<div class="container">
						<h2>产品特点</h2>
						<p>吃果果本着健康让生活更美好的原则，全力为忙碌的您打造具有以下特点的产品：</p>
					<!--<ul id="filters" class="clearfix">
						<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
						<li><span class="filter" data-filter="app web">农场</span></li>
						<li><span class="filter" data-filter="icon web card">加工</span></li>
						<li><span class="filter" data-filter="web app icon card">配送</span></li>
					</ul>-->
			<div id="productlist">
			
			<div class="product c1" data-cat="c1">
				<div class="product-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-1">
									<div class="ch-info">
										<img src="web/images/zoom-white.png" alt="图片加载失败"/>
										<h3>查看详情</h3>
										<p>方便</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>		
				
			<div class="product c2" data-cat="c2">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog3">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-2">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>查看详情</h3>
										<p>干净</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
				
			<div class="product c3" data-cat="c3">
				<div class="product-wrapper">						
					<a class="popup-with-zoom-anim" href="#small-dialog4">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-3">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>查看详情</h3>
										<p>美味</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
			
			
			<div class="product c4" data-cat="c4">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog5">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-4">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>查看详情</h3>
										<p>健康</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
				
			
			<div class="product c5" data-cat="c5">
				<div class="product-wrapper">
					<a class="popup-with-zoom-anim" href="#small-dialog6">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-5">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>查看详情</h3>
										<p>快速</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
				
			
			<div class="product c6" data-cat="c6">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog7">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-6">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>查看详情</h3>
										<p>专业</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
			
		<!--
			<div class="product card" data-cat="card">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-7">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
		

			<div class="product logo" data-cat="logo" id="hide">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-8">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>																																							
		-->
		</div>
	</div><!-- container -->
	<script type="text/javascript" src="web/js/fliplightbox.min.js"></script>
	<script type="text/javascript">$('body').flipLightBox()</script>
	<div class="clear"> </div>
	</div>
	</div>
	</div>
</div>
<!---End-gallery----->
<!-----start-order-------->

<div class="order" id="order">
	<div class="wrap">
	<div id="small-dialog2-a" class="mfp-hide">
		<div class="pop_up">
			<h2>网上下单</h2>
			<p>亲，您即将对: <span class="highlight">瘦身组合（菠萝+火龙果+橙子）</span> 进行下单</p>
			<p>请您注意我们的配送时段安排：</p>
			<h4 class="description">每日下午02:00以前下单，当日下午03:00-下午04:00即可送达</h4>
			<h4 class="description">每日下午02:00以后下单，次日上午11:00-上午12:00即可送达</h4>
			<p>请您提供以下所有必要的信息，感谢您的合作！</p>
			<div class="order-form">
				<form method="post">
					<input name="client_name" id="client_name_id_a" type="text" class="textbox" value="联系人" onfocus="this.value = '';document.getElementById('client_name_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '联系人为必填项';document.getElementById('client_name_id_a').style.color='red';}"/>
					<input name="address" id="address_id_a" type="text" class="textbox" value="地址" onfocus="this.value = '';document.getElementById('address_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '地址为必填项';document.getElementById('address_id_a').style.color='red';}"/>
					<input name="phone_number" id="phone_number_id_a" type="text" class="textbox" value="联系电话" onfocus="this.value = '';document.getElementById('phone_number_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '联系电话为必填项';document.getElementById('phone_number_id_a').style.color='red';}"/>
					<input name="amount" id="amount_id_a" type="text" class="textbox" value="数量（盒）" onfocus="this.value = '';document.getElementById('amount_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '数量为必填项';document.getElementById('amount_id_a').style.color='red';}"/>
					<span><img id="loading_image_a" src="web/images/loading_new.gif"/></span>
					<span><input id="submit_button_a" type="button" value="提交订单"/></span>
					<input name="type" id="type_id_a" type="text" style="display:none" value="瘦身组合（菠萝+火龙果+橙子）"/>
					<div class="clear"></div>
				</form>
			</div>
		</div>
	</div>
	
	<div id="small-dialog2-b" class="mfp-hide">
		<div class="pop_up">
			<h2>网上下单</h2>
			<p>亲，您即将对: <span class="highlight">美颜组合（黄金果+西瓜+火龙果）</span> 进行下单</p>
			<p>请您注意我们的配送时段安排：</p>
			<h4 class="description">每日下午02:00以前下单，当日下午03:00-下午04:00即可送达</h4>
			<h4 class="description">每日下午02:00以后下单，次日上午11:00-上午12:00即可送达</h4>
			<p>请您提供以下所有必要的信息，感谢您的合作！</p>
			<div class="order-form">
				<form method="post">
					<input name="client_name" id="client_name_id_b" type="text" class="textbox" value="联系人" onfocus="this.value = '';document.getElementById('client_name_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '联系人为必填项';document.getElementById('client_name_id_b').style.color='red';}"/>
					<input name="address" id="address_id_b" type="text" class="textbox" value="地址" onfocus="this.value = '';document.getElementById('address_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '地址为必填项';document.getElementById('address_id_b').style.color='red';}"/>
					<input name="phone_number" id="phone_number_id_b" type="text" class="textbox" value="联系电话" onfocus="this.value = '';document.getElementById('phone_number_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '联系电话为必填项';document.getElementById('phone_number_id_b').style.color='red';}"/>
					<input name="amount" id="amount_id_b" type="text" class="textbox" value="数量（盒）" onfocus="this.value = '';document.getElementById('amount_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '数量为必填项';document.getElementById('amount_id_b').style.color='red';}"/>
					<span><img id="loading_image_b" src="web/images/loading_new.gif"/></span>
					<span><input id="submit_button_b" type="button" value="提交订单"/></span>
					<input name="type" id="type_id_b" type="text" style="display:none" value="美颜组合（黄金果+西瓜+火龙果）"/>
					<div class="clear"></div>
				</form>
			</div>
		</div>
	</div>
	
	<div id="small-dialog2-c" class="mfp-hide">
		<div class="pop_up">
			<h2>网上下单</h2>
			<p>亲，您即将对: <span class="highlight">活力组合（菠萝+西瓜+哈密瓜）</span> 进行下单</p>
			<p>请您注意我们的配送时段安排：</p>
			<h4 class="description">每日下午02:00以前下单，当日下午03:00-下午04:00即可送达</h4>
			<h4 class="description">每日下午02:00以后下单，次日上午11:00-上午12:00即可送达</h4>
			<p>请您提供以下所有必要的信息，感谢您的合作！</p>
			<div class="order-form">
				<form method="post">
					<input name="client_name" id="client_name_id_c" type="text" class="textbox" value="联系人" onfocus="this.value = '';document.getElementById('client_name_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '联系人为必填项';document.getElementById('client_name_id_c').style.color='red';}"/>
					<input name="address" id="address_id_c" type="text" class="textbox" value="地址" onfocus="this.value = '';document.getElementById('address_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '地址为必填项';document.getElementById('address_id_c').style.color='red';}"/>
					<input name="phone_number" id="phone_number_id_c" type="text" class="textbox" value="联系电话" onfocus="this.value = '';document.getElementById('phone_number_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '联系电话为必填项';document.getElementById('phone_number_id_c').style.color='red';}"/>
					<input name="amount" id="amount_id_c" type="text" class="textbox" value="数量（盒）" onfocus="this.value = '';document.getElementById('amount_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '数量为必填项';document.getElementById('amount_id_c').style.color='red';}"/>
					<span><img id="loading_image_c" src="web/images/loading_new.gif"/></span>
					<span><input id="submit_button_c" type="button" value="提交订单"/></span>
					<input name="type" id="type_id_c" type="text" style="display:none" value="活力组合（菠萝+西瓜+哈密瓜）"/>
					<div class="clear"></div>
				</form>
			</div>
		</div>
	</div>
	
	<h2>网上下单</h2>
	<p>选择您需要的套餐，然后填写必要的信息即可下单</p>
		<div class="order-grids">
			<div class="grid">
				<div class="dc_zoom_css">
					<img class="post-person" src="web/images/img1.jpg">
				</div>
				<div class="desc">
					<h3>瘦身组合</h3>
					<p>（菠萝+火龙果+橙子）</p>
					<p> 富含蛋白酶分解体内脂肪，帮助您塑造完美身材，另含维生素A，清澈明眸</p>
					<div class='price'>特惠价：10￥/盒</div>
				</div>
				
				<a class="popup-with-zoom-anim" href="#small-dialog2-a">
					<span id="neworder">下单</span>
				</a>
			</div>
			<div class="grid">
				<div class="dc_zoom_css">
					<img class="post-person" src="web/images/img2.jpg">
				</div>
				<div class="desc">
					<h3>美颜组合</h3>
					<p>（黄金果+西瓜+火龙果）</p>
					<p>富含大量维生素有益成分，帮助您美白皮肤，补血益气， 尤其适合女性每日补充</p>
					<div class='price'>特惠价：10￥/盒</div>
				</div>
				<a class="popup-with-zoom-anim" href="#small-dialog2-b">
					<span id="neworder">下单</span>
				</a>
			</div>
			<div class="grid">
				<div class="dc_zoom_css">
					<img class="post-person" src="web/images/img3.jpg">
				</div>
				<div class="desc">
					<h3>活力组合</h3>
					<p>（菠萝+西瓜+哈密瓜）</p>
					<p>富含“植物白蛋白”“多种维生素”解暑热畅排毒，特有美白皮肤的效果呢，充满阳光与活力开启属于你的“美食每刻”</p>
					<div class='price'>特惠价：10￥/盒</div>
				</div>
				<a class="popup-with-zoom-anim" href="#small-dialog2-c">
					<span id="neworder">下单</span>
				</a>
			</div>
			<div class="clear"> </div>
		</div>
	</div>
</div>
<!---------end-order------------->
<div class="contact" id="contact">
	<div class="wrap">
		<h2>联系我们</h2>
		<h4>请将您的任何疑问发送给我们，我们将会在第一时间做出处理：</h4>
		<div class="section group">
			  <div class="col span_2_of_3">
				  <div class="contact-form">
				  	  <form method="post" action="#">
					    	
					    		<input type="text" class="textbox" value="Your Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your  Name';}">
						    	<input type="text" class="textbox" value="Your Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Email';}">
						    	<div class="clear"> </div>
						   
						    <div>
						    	<textarea value="Your Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Message';}">Your Message...</textarea>
						    </div>
						  <span><input type="submit" class="" value="Submit"></span>
						  <div class="clear"></div>
					    </form>
				  </div>
  				</div>
				<div class="col span_1_of_3">
					<div class="company_address">
				     	<h5>联系方式</h5>
						<ul class="list3">
							<li>
								<img src="web/images/location.png" alt=""/>
								<div class="extra-wrap">
								  <p>中国▪广州</p>
								</div>
								<div class="clear"> </div>
							</li>
							
							<li>
								<img src="web/images/phone.png" alt=""/>
								<div class="extra-wrap">
									<p>4006 260 653</p>
								</div>
								<div class="clear"> </div>
							</li>
							<!--<li>
								<img src="web/images/fax2.png" alt=""/>
								<div class="extra-wrap">
									<p>4006 260 653 </p>
								</div>
								<div class="clear"> </div>
							</li> -->
							<li>
								<img src="web/images/mail.png" alt=""/>
								<div class="extra-wrap">
									<p> <a href="mailto:info@mycompany.com"> chiguoguoonline@qq.com</a></p>
								</div>
								<div class="clear"> </div>
							</li>
						</ul>
				   </div>
				 </div>
				 <div class="clear"></div>
			  </div>
			  </div>
     	</div>
     <div class="footer-bottom">
     	<div class="wrap">
        <div class="copy">
		    <p class="copy">&#169 2014 Powered by  <a href="http://chiguoguo.com.cn" target="_blank">吃果果</a> </p>
		</div>
		<script type="text/javascript">
							$(document).ready(function() {
								
								var defaults = {
						  			containerID: 'toTop', // fading element id
									containerHoverID: 'toTopHover', // fading element hover id
									scrollSpeed: 1200,
									easingType: 'linear' 
						 		};
								
								
								$().UItoTop({ easingType: 'easeOutQuart' });
								
							});
						</script>
		 <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
		 <script src="web/js/jquery.scrollTo.js"></script>
		</div>
	</div>
</body>
</html>